<template>
	<header class="text-center">
		<div class="header-top">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xs-1 col-md-2">
					</div>
					<!-- <div class="col-xs-6 col-md-8" style="font-size: 1.15em;">zijie 新 闻</div> -->
					<div class="col-xs-6 col-md-8" style="font-size: 1.15em;">
						
					</div>
					<div class="col-xs-3 col-md-1">
						<img class="imgq" src="../assets/img/logo.png"  style="width: 130px;height: 40px;">
						<!-- <a style="color: #ffffff" href="javascript:;"><span @click="logout">注销</span></a> -->
						<a style="color: #ffffff" href="javascript:;">
							<!-- <span @click="logout">注销</span> -->
						</a>
					</div>
				</div>
			</div>
		</div>
	</header>
</template>

<script>
	export default {
		name: 'app-header',
		props: {},
		data() {
			return {
				username: "",
				loginname: ""
			}
		},
		components: {},
		mounted() {
			// let local = window.localStorage.getItem('user');
			// let loginname = "欢："+JSON.parse(local).data.nikename;
			// this.username = loginname
		},
		Update() {},
		methods: {
			logout() {
				window.localStorage.removeItem('user');
				this.username = "";
				this.$router.push('/login');
			},
		}
	}
</script>

<style scoped>
	* {
		box-sizing: border-box;
		font-size: 1.02em;
	}

	body {
		margin: 0;
		font-family: 微软雅黑;
	}

	a {
		text-decoration: none;
		color: #333;
	}

	.row {
		/* padding-top: 6px; */
	}

	header {
		padding-top: 0.4em;
		height: 3em;
		width: 100%;
		color: #fff;
		font-size: 0.95em;
		background: #FA0100;
		/* background: linear-gradient(to bottom right, #e51a14, #e51a14); */
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}

	.header-top {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;

	}
</style>
